<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }

        .img1{
           right: 0px;
            top: 30px;
        }
        .input1{
            position: absolute;
            top: 34px;

        }
        .img2{
        width: 300px;
            height: 400px;
            margin: 0px 500px 200px 50px;

        }
        .logos{
            float: left;
        }
        .img3{
            float: right;
        }

    </style>
</head>

<body>
<div align="center">
<form>
    <fieldset style="width: 600px" >
        <img class="logos" src="logo.png"width="60"height="60"alt="图片丢失啦！"/>
       <h1 class="img1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系统登录</h1>
    <img class="img2" align="left" src="login.jpg"width="100"height="100"alt="图片丢失啦！"/>
    <div>
        用户名：
    <input type="=请输入您的用户名！"name="用户名："> <br/>
    </div>
    密码：
        <input type="请输入您的登录密码！" name="密码："><br/>

    <input type="checkbox" name="记住密码">记住密码<br/>
    <input type="button" value="登录">
    <input type="button" value="重置">
    <input type="button" value="注册">

    </fieldset>
</form>
</div>
</body>
</html>